﻿<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/jquery.pnotify.default.icons.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/layout-default-latest.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/accordion.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/ui-1.8.1.custom.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/jgrowl.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/flexigrid.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-latest.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.layout-latest.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-latest.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/validate.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/utility.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/application.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jgrowl.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.pnotify.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/extended.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/flexigrid.js")" type="text/javascript"></script>
    <script type="text/javascript">
        var myLayout; // init global vars
        $(document).ready(function () {
            myLayout = onLoadMainLayout()

        });

       
    </script>
</head>
<body style="background: #121212; background: #101010">
    <div class="ui-layout-north" style="display: none; background: url('../Images/logobg.jpg') repeat-x;">
        <div class="header-mini">
            <div class="title">
                <a id="aHomeTop" href="/" target="_self">
                    <img id="imgMainLogo" src="../images/mini-logo.png" alt="Human Resource Management System"
                        title="HRMS" /></a>
            </div>
            <div class="header-page-title">
            </div>
            <div class="header-page-login">
                @Html.Partial("_LogOnPartial")
            </div>
        </div>
        <div id="navigation">
            <a href="index.cfm">HOME</a> <a href="demos.cfm">DEMOS</a> <a href="downloads.cfm">DOWNLOADS</a>
            <a href="documentation.cfm" class="current">DOCUMENTATION</a> <a href="tips.cfm">TIPS</a>
            <a href="plugin.cfm">PLUGIN</a> <a href="issues.cfm">ISSUES</a> <a target="_blank"
                href="http://groups.google.com/group/jquery-ui-layout">DISCUSSION</a>
        </div>
    </div>
    <div class="ui-layout-center" style="display: none; border-right-width: 5px; border-bottom-width: 5px;
        z-index: 0; border-right-color: #A4C2C2; border-bottom-color: #A4C2C2;">
        <div class='pane_title' style="min-width: 550px;">
            <div class="heading">
                <span><i id='icon_box' class="pre-icon-header"></i></span><span class="headingText">
                    Welcome</span>
            </div>
            <div id="spinner" style='float: right; margin-right: 4px; margin-top: 1px; display:none;'>
                <img src="../Images/spinner.gif" alt="Spinner" /></div>
        </div>
        <div id='contentHolder' style='overflow-y: auto; overflow-x: auto; padding: 5px'>
            @RenderBody()
        </div>
    </div>
    <div class="ui-layout-west" style="display: none; border-left-width: 5px; border-bottom-width: 5px;
        z-index: 0; border-left-color: #A4C2C2; border-bottom-color: #A4C2C2">
        <div id="left-accordion" class="basic">
            @Html.Partial("_leftMenu")
        </div>
        <div style="height: 60px; background: url('../Images/logobg.jpg') repeat-x;">
            <div style="width: 55px; float: right">
                <a title="Md. Mahfuzul Islam" href="http://www.facebook.com/mi.leon" target="_blank">
                    <img src="../Images/log.jpg" width="55" height="60" border="0"></a>
            </div>
            <div style="width: 80%; float: left; padding-top: 20px; padding-left: 10px; position: absolute;">
                <table style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
                    color: #3b5998;" width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td>
                            Powered By
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Md. Mahfuzul Islam
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</body>
</html>
